<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet">
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
    <title>No.2商城-后台主页</title>
    <style>
        @media ( min-width: 768px ) {
            #left_tab {
                width: 250px;
                position: absolute;
                z-index: 1;
                height: 640px;
            }

            .mysearch {
                margin: 10px;
            }

            .page_main {
                margin-left: 255px;
            }

            .dv_content {
                width: 100%;
                height: 100%;
            }
        }
    </style>
</head>
<body>

<!--导航 -->
<div style="width: 80%;margin-left: 10%;">
    <nav class="navbar navbar-default navbar-static-top">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#left_tab,#top_right">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="#" class="navbar-brand">网站后台管理</a>
        </div>
        <ul id="top_right" class="collapse navbar-collapse nav navbar-nav navbar-right" style="margin-right: 20px;">
            <li>
                <a href="#">
                    <span class="badge" style="background-color: red;"></span>
                </a>
            </li>
            <li>
                <a href="admin.php">
                    <span class="glyphicon glyphicon-off"></span>注销
                </a>
            </li>
        </ul>
        <!--左侧边栏 -->
        <div id="left_tab" style="margin-top: 70px;" class="collapse navbar-default navbar-collapse">
            <ul class="nav panel-group" id="myPanel">
                <!--栏目-->
                <li class="panel">
                    <a href="#sub1" data-toggle="collapse" data-parent="#myPanel"> 用户管理
                        <span class="glyphicon glyphicon-triangle-bottom pull-right"></span>
                    </a>
                    <ul id="sub1" class="nav collapse panel-collapse">
                        <li>
                            <a href="#" id="showUser">
                                <span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;<b>会员管理</b>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="panel">
                    <a href="#sub2" data-toggle="collapse" data-parent="#myPanel"> 商品类型管理
                        <span class="glyphicon glyphicon-triangle-bottom pull-right"></span>
                    </a>
                    <ul id="sub2" class="nav panel-collapse collapse">
                        <li>
                            <a href="#" id="showGoodsType">
                                <span class="glyphicon glyphicon-record"></span>&nbsp;&nbsp;查看商品分类
                            </a>
                        </li>
                        <li>
                            <a href="#" id="addGoodsType">
                                <span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;添加商品分类
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="panel">
                    <a href="#sub3" data-toggle="collapse" data-parent="#myPanel"> 商品管理
                        <span class="glyphicon glyphicon-triangle-bottom pull-right"></span>
                    </a>
                    <ul id="sub3" class="nav panel-collapse collapse">
                        <li>
                            <a href="#" id="showGoods">
                                <span class="glyphicon glyphicon-record"></span>&nbsp;&nbsp;查看商品
                            </a>
                        </li>
                        <li>
                            <a href="#" id="addGoods">
                                <span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;添加商品
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="panel">
                    <a href="#sub4" data-toggle="collapse" data-parent="#myPanel"> 订单管理
                        <span class="glyphicon glyphicon-triangle-bottom pull-right"></span>
                    </a>
                    <ul id="sub4" class="nav panel-collapse collapse">
                        <li>
                            <a href="#" id="showOrder">
                                <span class="glyphicon glyphicon-record"></span>&nbsp;&nbsp;查看订单
                            </a>
                        </li>
                        <!--<li>
                            <a href="#" id="addOrder">
                                <span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;添加订单
                            </a>
                        </li>-->
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
    <!--右侧部分-->
    <div class="page_main">
        <script type="text/javascript">
            $("#showUser").click(function () {
                $(".dv_content").attr("src", "userList.php");
            })
            $("#showGoodsType").click(function () {
                $(".dv_content").attr("src", "showGoodsType.php");
            })
            $("#addGoodsType").click(function () {
                $(".dv_content").attr("src", "addGoodsType.php");
                /* $(".dv_content").attr("src","${pageContext.request.contextPath}/getGoodsType?type=add"); */
            })
            $("#showGoods").click(function () {
                $(".dv_content").attr("src", "showGoods.php");
            })
            $("#addGoods").click(function () {
                $(".dv_content").attr("src", "addGoods.php");
            })
            $("#showOrder").click(function () {
                $(".dv_content").attr("src", "showAllOrder.php");
            })
           /* $("#addOrder").click(function () {
                $(".dv_content").attr("src", "addOrder.php");
            })*/
        </script>
        <iframe class="dv_content" frameborder="0" scrolling="no"></iframe>
    </div>
</div>
</body>
</html>